//
   Created by zhufu on 2016/12/11
extends  ../layout
block scripts
    link(rel='stylesheet', href='/stylesheets/css/style.css')
    script(src='/js/recall_appoint.js')
block content
    .news
        .container
            .myaccount
                .account-img(style='float:left;')
                    img(src='/images/mylogo.jpg' style='width: 140px;height; 140px;')
                .account-detail
                    .page-header
                        h3(style='float:left;margin-left: 20px;') #{user.name}
                    .page-content
                        h4(style='float:left;margin-left: 20px;color: green;') 信用等级：#{user.CreditRank}
        .container
            .grid_3.grid_5
                .bs-example.bs-example-tabs(role='tabpanel', data-example-id='togglable-tabs')
                    ul#myTab.nav.nav-tabs(role='tablist')
                        li.active(role='presentation')
                            a#home-tab(href='#myrecord', role='tab', data-toggle='tab', aria-controls='home', aria-expanded='true') 我的预约
                        li(role='presentation')
                            a(href='#myreview', role='tab', data-toggle='tab', aria-controls='profile', aria-expanded='false') 我的评价
                        li(role='presentation')
                            a(href='#mydoctor', role='tab', data-toggle='tab', aria-controls='profile', aria-expanded='false') 我的医生
                        li(role='presentation')
                            a(href='#mywallet', role='tab', data-toggle='tab', aria-controls='profile', aria-expanded='false') 我的钱包
                    #myTabContent.tab-content
                        #myrecord.tab-pane.fade.active.in(role='tabpanel', aria-labelledby='home-tab')
                            .bs-docs-example
                                .bs-docs-example
                                    // - var myAppointment_=[{appointmentID: "20161203",appointmentDoctor: "Wang Ming",appointmentTime:"2016/12/03",appointmentState: '0'}];
                                    table.table.table-bordered
                                        thead
                                            tr
                                                th(style="width: 120px;text-align: center;") 预约序号
                                                th(style="width: 200px;text-align: center;") 预约ID
                                                th(style="width: 200px;text-align: center;") 预约医生
                                                th(style="width: 200px;text-align: center;") 预约时间
                                                th(style="width: 200px;text-align: center;") 就诊状态
                                                th(style="width: 200px;text-align: center;") 预约操作
                                        tbody
                                            - var s_1 = 0;
                                            each one,i in myAppointment
                                                - s_1--;
                                                //- var id = "appointmentID"+ i;
                                                tr
                                                    td(style="text-align: center;") #{i + 1}
                                                    td.x(style="text-align: center;",value=one.appointmentID)= one.appointmentID
                                                    td(style="text-align: center;") #{one.appointmentDoctor}
                                                    td(style="text-align: center;") #{one.appointmentTime}
                                                    -var state =["未支付","已支付，未去医院","已去医院","过期未去"]
                                                    td(style="text-align: center;") #{state[one.appointmentState-1]}
                                                    -if(one.appointmentState == "1" || one.appointmentState == "2")
                                                        td.mouse-on(style="text-align: center;") 取消预约
                                                    -else
                                                        td.mouse-on(style="text-align: center;") 无

                                            if(s_1 > 0)
                                                -for(var i=0;i<s_1;i++)
                                                    tr
                                                        td(style="text-algin:center;") #{i+1 + 3 - s_1}
                                                        td(style="text-algin:center;")
                                                        td(style="text-algin:center;")
                                                        td(style="text-algin:center;")
                                                        td(style="text-algin:center;")
                                                        td(style="text-algin:center;")

                                            //if(s_1 > 0)
                                            //    -for(var i=0;i<s_1;i++)
                                            //        tr
                                            //            td(style="text-algin:center;") #{i+1 + 3 - s_1}
                                            //            td(style="text-algin:center;")
                                            //            td(style="text-algin:center;")
                                            //            td(style="text-algin:center;")
                                            //            td(style="text-algin:center;")

                        #myreview.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                            .bs-docs-example
                                .bs-docs-example
                                    //- var myReview_ = [{appointmentID: "20161203",doctorName: "姜腾勇"},{appointmentID:"20150628",doctorName:"刘志敏"},{appointmentID:"20110712",doctorName:"丁力刚"}];
                                    table.table.table-bordered
                                        thead
                                            tr
                                                th(style="width: 120px;text-align: center;") 序号
                                                th(style="width:200px;text-align: center;") 预约ID
                                                th(style="width:200px;text-align: center;") 医生姓名
                                                th(style="width:200px;text-align: center;") 我的评价
                                        tbody
                                            - var s_2 = 0;
                                            //
                                                tr
                                                    td(style="text-algin:center;") 1
                                                    td(style="text-algin:center;") 03
                                                    td(style="text-algin:center;") 王伟
                                                    td(style="text-algin:center;") 您是一位很难得的好医生，一视同仁，在此感谢您对我妈妈的照顾和关心，祝您工作事事顺利，身体健康！
                                            if(s_2>0)
                                                -for(var i=0;i<s_2;i++)
                                                    tr
                                                        td(style="text-algin:center;") #{i+1 + 3 - s_2}
                                                        td(style="text-algin:center;")
                                                        td(style="text-algin:center;")
                                                        td(style="text-algin:center;")

                                            //- var rec=['Good','Very Good','Normal'];
                                            //each two, i in myReview_
                                            //    tr
                                            //        td(style="text-align: center;") #{i + 1}
                                            //        td(style="text-align: center;") #{two.appointmentID}
                                            //        td(style="text-align: center;") #{two.doctorName}
                                            //        td(style="text-align: center;") #{rec[i%3]}
                        #mydoctor.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                            .bs-docs-example
                                .bs-docs-example
                                    // - var myDoctor_ = [{doctorID:"BJ1013",doctorName: "Li Hua",belongHospital: "汕口市医院",belongDepartment:"牙科",patientReview:"Good"}];
                                    table.table.table-bordered
                                        thead
                                            tr
                                                th(style="width: 120px") 序号
                                                th(style="text-align: center;") 医生编号
                                                th(style="text-align: center;") 医生姓名
                                                th(style="text-align: center;") 所属医院
                                                th(style="text-align: center;") 所属科室
                                                th(style="text-align: center;") 病人评价
                                        tbody
                                            - var s_3 = 0;
                                            for three, i in myDoctor
                                                - s_3--;
                                                tr
                                                    td(style="text-align: center;") #{i + 1}
                                                    td(style="text-align: center;") #{three.doctorID}
                                                    td(style="text-align: center;") #{three.doctorName}
                                                    td(style="text-align: center;") #{three.belongHospital}
                                                    td(style="text-align: center;") #{three.belongDepartment}
                                                    td(style="text-align: center;") #{three.patientReview}
                                            if(s_3>0)
                                                -for(var i=0;i<s_3;i++)
                                                    tr
                                                        td(style="text-align: center;") #{i+1 + 3 - s_3}
                                                        td(style="text-align: center;")
                                                        td(style="text-align: center;")
                                                        td(style="text-align: center;")
                                                        td(style="text-align: center;")
                                                        td(style="text-align: center;")
                        #mywallet.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                            .bs-docs-example
                                .bs-docs-example
                                    // - var myWallet_=[{myID:"123",payAccount: "6228481698729890079",payAmount:"$100",payHospital:"汕口市医院"}];
                                    table.table.table-bordered
                                        thead
                                            tr
                                                th(style="text-align: center;") 序号
                                                th(style="text-align: center;") 支付账号
                                                th(style="text-align: center;") 支付金额
                                                th(style="text-align: center;") 支付医院
                                        tbody
                                            -var s_4 = 0;
                                            if(s_4>0)
                                                -for(var i=0;i<s_4;i++)
                                                    tr
                                                        th(style="text-align: center;") #{i+1 + 3 - s_4}
                                                        th(style="text-align: center;")
                                                        th(style="text-align: center;")
                                                        th(style="text-align: center;")
                                            //for four, i in myWallet
                                            //    tr
                                            //        td(style="text-align: center;") #{i + 1}
                                            //        td(style="text-align: center;") #{four.payTime}
                                            //        td(style="text-align: center;") #{four.payAmount}
                                            //        td(style="text-align: center;") #{four.payHospital}